<template>
	<view>
		<div class="top-box">
			<div class="logo">
				<image :src="img.logo" alt="" />
			</div>
			<div class="name">{{appName}}</div>
			<div class="version">当前版本号{{version}}</div>
		</div>
		
		<div class="cell-box">
			<div class="cell-item" @click="$navTo('pageA/worksay/worksay')">
				<div class="lf">功能介绍</div>
				<div class="rh">
					<u-icon name="arrow-right" ></u-icon>
				</div>
			</div>
			<div class="cell-item" @click="goTo" >
				<div class="lf">投诉反馈</div>
				<div class="rh">
					<u-icon name="arrow-right" ></u-icon>
				</div>
			</div>
		</div>
		
	</view>
</template>

<script>
	import img from '@/utils/imgs.js'
	export default {
		data() {
			return {
				version:'',
				appName:'',
				img
			};
		},
		onLoad() {
			plus.runtime.getProperty(plus.runtime.appid,(info)=>{
				console.log(info);
				this.version = info.version
				this.appName = info.name
			})
		},
		methods:{
			goTo(){
				// this.$navTo('/pageA/feedback/feedback')
				uni.navigateTo({
					url:'/pageA/feedback/feedback'
				})
			}
		}
	}
</script>

<style lang="scss">
.top-box{
	width: 750rpx;
	height: 404rpx;
	background: #FFFFFF;
	border-radius: 24rpx;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 12rpx;
	.logo{
		width: 140rpx;
		height: 140rpx;
		// background: #FF8C19;
		border-radius: 50%;
		margin-bottom: 32rpx;
		overflow: hidden;
		>image{
			width: 100%;
			height: 100%;
		}
	}
	.name{
		font-weight: bold;
		font-size: 28rpx;
		color: #333031;
		margin-bottom: 12rpx;
	}
	.version{
		font-weight: 500;
		font-size: 28rpx;
		color: #999093;
	}
}

.cell-box{
	width: 750rpx;
	// height: 228rpx;
	background: #FFFFFF;
	border-radius: 24rpx;
	.cell-item{
		padding: 42rpx 24rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		.lf{
			font-weight: 500;
			font-size: 28rpx;
			color: #333031;
		}
	}
}
</style>
